<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>用户注册</title>
</head>
<body>
<form action="doLogin.do" method="get">
    <fieldset>
      <legend>基本信息</legend>
  <!-- input 的type 属性为text  : 是一个普通的文字输入框 -->
  <p>
    <label for="username">用户名:</label> <input id="username" type="text" name="username"  placeholder="请输入用户名" maxlength="5">
  </p>
  <!-- input 的type 属性为 password  : 是一个密码输入框 -->
  <p>
    密码: <input type="password" name="password">
  </p>
  <!-- input 的type 属性为 radio  : 是一个单选按钮
    要实现多个单选按钮只能选中一个的话,name属性的值要一样
   -->
  <p>
    性别: <input type="radio" name="sex" value="男" checked> 男 <input type="radio" name="sex" value="女"> 女
  </p>

  <!-- input 的type 属性为 checkbox  : 是一个多选按钮
  -->
  <p>
    爱好: <input type="checkbox" name="hobbies" value="男"> 男 <input type="checkbox" name="hobbies" value="女"> 女
  </p>

  <!-- select 是一个下拉框,下拉框中的选项用option表示
    <option value="发送到服务器的实际值">看到的文件内容</option>
 -->
  <p>
    出生月份:
    <select name="month">
      <option value="1">一月</option>
      <option value="2" selected>二月</option>
      <option value="3">三月</option>
    </select>
  </p>
  <p>
  <textarea cols="50" rows="10" readonly>协议.............












  </textarea>
  </p>
 
  <p>
    图像: <input type="file" name="pic">
    
  </p>
  <p>
    <input type="hidden" name="num" value="100">

  </p>

  <!-- input 的type 属性为 submit  : 是一个提交按钮 -->
  <p>
    <input type="submit" value="注册"  disabled>
    <input type="reset" value="恢复默认值">
    <input type="image" src="img/login.gif">
    <input type="button" value="普通按钮" onclick="alert('想做啥?');">
  </p>
    </fieldset>
</form>
</body>
</html>